<template>
	<view class="globe">
		<view class="sandList">
			<view class="sandItem"><Message :info="infoList"></Message></view>
		</view>
	</view>
</template>

<script>
	import { getinformation } from '@/api/home/home.js'
export default {
	data() {
		return {
			infoList:{}
		};
	},
	mounted() {
		this.fetchInfoList()
	},
	methods: {
		async fetchInfoList() {
		  let {data} = await getinformation(this.infoList);
		  this.infoList = data.list
		  console.log(data);
		}
		
	}
};
</script>

<style lang="scss">
.globe {
	overflow: hidden;
}
.sandList {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 20px;
}
.sandItem {
	margin: 0 auto 15px;
}
</style>
